@charset "utf-8";
/* CSS Document */
*{margin:0 auto;text-align:center;}
html{width:100%;height:auto;}
/* page1 */
.page1 {
    width:100%;
    min-width:960px;
}
.nav-fstscreen{
	width:100%; 
	height:694px;
	 background:url(../images/page1-bg.jpg) no-repeat center center #db014f;
	 }
.page-bg{
	position:relative;
	width:960px;
	margin:0 auto;
	height:694px;
}
.page1-font1{
	position:absolute;
	top:363px;
	left:463px;
	display:block;
	height:40px;
	line-height:40px;
	width:150px;
	color:#000;
	font-size:26px;
	text-align:center;
}
.page1-font2{
	position:absolute;
	top:432px;
	left:463px;
	display:block;
	height:40px;
	line-height:40px;
	width:150px;
	color:#000;
	font-size:26px;
	text-align:center;
}
.page1-font3{
	position:absolute;
	top:500px;
	left:463px;
	display:block;
	height:40px;
	line-height:40px;
	width:150px;
	color:#000;
	font-size:26px;
	text-align:center;
}
.page1-img1{
	position:absolute;
	top:364px;
	left:667px;
}
.page1-img1 img{
	width:180px;
	height:180px;
}
.page1-font4{
	margin-top:-10px;
	display:block;
	height:34px;
	width:180px;
	text-align:center;
	line-height:34px;
	font-size:14px;
	color:#fff;
}
/* page2 */
.page2 {
	position:relative;
    width:100%;
    min-width:960px;
}
.nav-sedscreen{
  width:100%; 
  /*height:768px;*/ 
  min-width:960px;
  background:url(../images/page2-bg0.jpg) no-repeat center center;
  background-size:100% 100%;
}
.all-bg{
	position:relative;
	width:960px; 
    /*height:768px;*/
}
.all-img{
	vertical-align:middle;
	width:960px; 
	margin-top:70px;
    height:588px;
}
.all-img4{
	vertical-align:middle;
	margin-top:170px;
    height:458px;
}
.all-img5{
	vertical-align:middle;
	margin-top:170px;
    height:458px;
}
.all-img2{
	vertical-align:middle;
	width:960px; 
	margin-top:-9px;
    height:629px;
}
.font-h1{
	position:absolute;
	z-index:888;
	top:40px;
	left:177px;
	width:615px;
	height:42px;
}
.font-span2{
	position:absolute;
	z-index:888;
	top:127px;
	left:0px;
	margin-left:100px;
	height:34px;
	line-height:34px;
	font-size:20px;
	color:#fff;
	font-weight: normal;
}
.font-spanpage3{
	position:absolute;
	z-index:888;
	top:127px;
	left:-30px;
	margin-left:100px;
	height:34px;
	line-height:34px;
	font-size:20px;
	color:#fff;
	font-weight: normal;
}
.font-spanpage4{
	position:absolute;
	z-index:888;
	top:127px;
	left:20px;
	margin-left:100px;
	height:34px;
	line-height:34px;
	font-size:20px;
	color:#fff;
	font-weight: normal;
}
.font-spanpage5{
	position:absolute;
	z-index:888;
	top:127px;
	left:35px;
	margin-left:100px;
	height:34px;
	line-height:34px;
	font-size:20px;
	color:#fff;
	font-weight: normal;
}
.font-span3{
	position:absolute;
	z-index:888;
	top:103px;
	left:200px;
	margin-left:100px;
	height:34px;
	line-height:34px;
	font-size:20px;
	color:#fff;
	font-weight: normal;
}
/* page3 */
.page3 {
	position:relative;
    width:100%;
    min-width:960px;
}
.nav-trdscreen{
  width:100%; 
  height:768px; 
  min-width:960px;
  background:url(../images/page3-bg0.jpg) no-repeat center center;
  background-size:100% 100%;
}
/* page4 */
.page4 {
	position:relative;
    width:100%;
    min-width:960px;
}
.nav-furscreen{
  width:100%; 
  height:768px; 
  min-width:960px;
  background:url(../images/page4-bg0.jpg) no-repeat center center;
  background-size:100% 100%;
}
/* page5 */
.page5 {
	position:relative;
    width:100%;
    min-width:960px;
}
.nav-fivscreen{
  width:100%; 
 /* height:768px; */
  min-width:960px;
  background:url(../images/page5-bg0.jpg) no-repeat center center;
  background-size:100% 100%;
}
/* fixed-slide */
.fixed-slide {
    position: fixed;
    right: 100px;
    top: 80%;
    margin-top: -100px;
    z-index: 10;
}
.fixed-slide li a {
    display: inline-block;
    margin-bottom: 12px;
    height: 12px;
    width: 12px;
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
.fixed-slide li a:hover, .fixed-slide li a.active {
    transition: all 0.5s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    background-color: #fff;
}
.go-btn{ opacity:1;
webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
position:fixed;bottom:30px;margin:0 atuo;left:48%; text-align:center; cursor:pointer; overflow:hidden;z-index:999;}
.go-btn:hover{
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
	-ms-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
}
@keyframes go-btn{
%0,%100{bottom:30px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-webkit-keyframes go-btn{
%0,%100{bottom:30px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-ms-keyframes go-btn{
%0,%100{bottom:30px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-moz-keyframes go-btn{
%0,%100{bottom:30px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-o-keyframes go-btn{
%0,%100{bottom:30px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}


